.container {
	padding-bottom: 10px;
	display: flex;

	.profile {
		flex: 1;
		display: flex;
		justify-content: center;
		padding-top: 140px;

		.profileBox {
			display: flex;
			flex-direction: column;
			align-items: center;

			.avatar {
				margin-bottom: 15px;
				border: 1px solid #999;
				border-radius: 50%;
				padding: 10px;
			}

			.name {
				font-size: 24px;
				font-weight: bold;
				margin-bottom: 10px;
			}

			.nickname {
				margin-bottom: 20px;
			}

			.setting {
				cursor: pointer;
				border: 1px solid #999;
				padding: 5px 10px;
				border-radius: 5px;

				&:hover {
					background-color: rgba(128, 128, 128, 20%);
				}
			}
		}
	}

	.detail {
		flex: 1;
		padding-top: 10px;

		.detailForm {
			padding-left: 100px;
		}
	}
}
